<template>
   <van-tabbar-item :badge="badge" :to="to">
      <span>{{name}}</span>
      <template #icon="props">
        <img :src="props.active ? icon.active : icon.inactive" />
      </template>
    </van-tabbar-item>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    name: String, to: String,badge: Number, icon:Object,
  },
  data() {
    return {
      
    }
  }
}
</script>
